<%--&lt;%&ndash;--%>
  <%--Created by IntelliJ IDEA.--%>
  <%--User: admin--%>
  <%--Date: 2018/7/18 0018--%>
  <%--Time: 10:27--%>
  <%--To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>


<%--&lt;%&ndash; hello world jsp 改行注释在被tomcat容器转换成 serlvet 时直接丢掉 &ndash;%&gt;--%>
<%--<!--  -->--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<link href="/css/signin.css" rel="stylesheet">--%>
<%--<link href="../../css/signin.css" rel="stylesheet">--%>

<%--&lt;%&ndash;应用java 类&ndash;%&gt;--%>
<%--<%@ page import="java.util.Date,java.text.SimpleDateFormat,com.kehongborui.demo.dao.EmpDao,com.kehongborui.demo.entity.Emp,java.util.List"%>--%>
<%--<html>--%>
<%--<head>--%>
    <%--<title>helloworld</title>--%>
<%--</head>--%>
<%--<body>--%>
<%--&lt;%&ndash;jsp 小脚本：java 代码片段&ndash;%&gt;--%>
<%--<%--%>
    <%--Date date = new Date();--%>
    <%--SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");--%>
    <%--out.write(sdf.format(date));--%>
<%--%>--%>
<%--<hr/>--%>
<%--<%--%>
    <%--for (int i = 0; i < 10; i++) {--%>
        <%--out.println("No." + i + " : HelloWorld");--%>
    <%--}--%>
<%--%>--%>
<%--<hr/>--%>
<%--<%--%>
    <%--for (int i = 0; i < 10; i++) {--%>
<%--%>--%>
<%--<%="No." + i + " : HelloWorld"%>--%>

<%--<%--%>
    <%--}--%>
<%--%>--%>

<%--<hr/>--%>
<%--&lt;%&ndash;&lt;%&ndash;%>--%>
    <%--&lt;%&ndash;EmpDao dao = new EmpDao();&ndash;%&gt;--%>
    <%--&lt;%&ndash;List<Emp> empList = dao.findAll();&ndash;%&gt;--%>
    <%--&lt;%&ndash;for (Emp emp : empList) {&ndash;%&gt;--%>
<%--&lt;%&ndash;%>&ndash;%&gt;--%>
<%--&lt;%&ndash;<%="<tr><td>" + emp.getName() + "</td>" + "<td>" + emp.getIdCardNo() + "</td>" + "<td>" + emp.getTel() + "</td>" + "</tr><br/>"%>&ndash;%&gt;--%>
<%--&lt;%&ndash;&lt;%&ndash;%>--%>
    <%--&lt;%&ndash;}&ndash;%&gt;--%>
<%--&lt;%&ndash;%>&ndash;%&gt;--%>
<%--<%--%>
    <%--List<Emp> empList = (List<Emp>) request.getAttribute("empList");--%>
    <%--for (Emp emp : empList) {--%>
        <%--out.write("<tr><td>" + emp.getName() + "</td>" + "<td>" + emp.getIdCardNo() + "</td>" + "<td>" + emp.getTel() + "</td>" + "</tr><br/>");--%>
    <%--}--%>
<%--%>--%>
<%--${empList}--%>
<%--</body>--%>
<%--</html>--%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 响应式表格</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="table-responsive">
    <table class="table">
        <caption>响应式表格布局</caption>
        <thead>
        <tr>
            <th>产品</th>
            <th>付款日期</th>
            <th>状态</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>产品1</td>
            <td>23/11/2013</td>
            <td>待发货</td>
        </tr>
        <tr>
            <td>产品2</td>
            <td>10/11/2013</td>
            <td>发货中</td>
        </tr>
        <tr>
            <td>产品3</td>
            <td>20/10/2013</td>
            <td>待确认</td>
        </tr>
        <tr>
            <td>产品4</td>
            <td>20/10/2013</td>
            <td>已退货</td>
        </tr>
        </tbody>
    </table>
</div>

</body>
</html>
